
// var ttop = documement.getElementsByclassName('ttop')[0];

// var ttopTop = ttop.offsetTop;
$(window).scroll(function () {
    if ($(window).scrollTop() >= 1000) {
        $('.rtop').stop().fadeIn(200);
    } else {
        $('.rtop').stop().fadeOut(200);
    }

})
$('.rtop').click(function () {
    // 来设置页面距离左上角的坐标scroll(x, y)
    // 回到顶部

    $(window).scrollTop(0)
})


function brandX(ele) {
    var str = '';
    ele.forEach(function (value) {
        // console.log(value);
        str += ` <li class="list1">
                        <a class="img2">
                            <span class="box">
                                <span class="top-img"></span>
                            </span>

                            <img data-lazy-src="${value.bigurl}">
                            <div class="box2">
                                <span class="detail-max">品牌描述</span>
                                <span class="detail-min">暂无描述</span>
                            </div>
                        </a>
                        <div class="logo1">
                            <img data-lazy-src="${value.smallurl}">
                            <div class="logo-c"><i class="iconfont icon-aixin"></i><span>关注</span></div>
                        </div>
                        <div class="clogo"><a>${value.title}</a></div>
                    </li>`
    });
    $('.content .brand-list ul').html(str)
}
brandX(data.brandData.mian);
$('.list1').hover(function () {
    $(this).css('border', '6px solid #A9A9A9');
    $('.logo1>img').eq($(this).index()).addClass('hide');
    $('.logo-c').eq($(this).index()).addClass('show');
    $('.top-img').eq($(this).index()).css('top', -273);
    $('.box2').eq($(this).index()).css('top', 0);
}, function () {
    $(this).css('border', '6px solid #E4E4E4');
    $('.logo1>img').eq($(this).index()).removeClass('hide');
    $('.logo-c').eq($(this).index()).removeClass('show');
    $('.top-img').eq($(this).index()).css('top', -557);
    $('.box2').eq($(this).index()).css('top', 285);
});

// // 懒加载初始化
// lazyLoadInit({
//     coverColor: "white",
//     offsetBottom: 0,
//     offsetTopm: 0,
//     showTime: 1,
//     onLoadBackEnd: function (i, e) {
//         console.log("onLoadBackEnd:" + i);
//     }
//     , onLoadBackStart: function (i, e) {
//         console.log("onLoadBackStart:" + i);
//     }
// });

// lazyLoadInit({
//     coverColor: "white",
//     coverDiv: "<h1>test</h1>",
//     offsetBottom: 0,
//     offsetTopm: 0,
//     showTime: 1100,
//     onLoadBackEnd: function (i, e) {
//         console.log("onLoadBackEnd:" + i);
//     }
//     , onLoadBackStart: function (i, e) {
//         console.log("onLoadBackStart:" + i);
//     }
// });


$('.tab_content').hover(function () {
    $(this).show();
}, function () {
    $(this).hide();
})